
.bpmn-editor {
  .group {
    /* 自定义调色板样式 */
    .entry:hover {
      transform: scale(1.2);
    }
    .bpmn-icon-hand-tool::before,
    .bpmn-icon-lasso-tool::before,
    .bpmn-icon-space-tool::before,
    .bpmn-icon-connection-multi::before {
      background-image: -webkit-linear-gradient(bottom, #40C049, #00CFFF, yellow);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  
    .bpmn-icon-start-event-none,
    .bpmn-icon-end-event-none,
    .bpmn-icon-intermediate-event-none,
    .bpmn-icon-gateway-none,
    .bpmn-icon-task,
    .bpmn-icon-subprocess-expanded,
    .bpmn-icon-service-task,
    .bpmn-icon-user-task,
    .bpmn-icon-data-object,
    .bpmn-icon-data-store,
    .bpmn-icon-participant,
    .bpmn-icon-group {
      background-position: center;
      background-size: 60%;
      background-repeat: no-repeat;
  
      &::before {
        content: '' !important;
      }
    }
    .bpmn-icon- {
      &start-event-none {
        background-image: url(../../assets/bpmn/start.png);
      }
    
      &end-event-none,
      &end-event-none:hover {
        background-image: url(../../assets/bpmn/end.png) !important;
      }
    
      &intermediate-event-none,
      &intermediate-event-none:hover {
        background-image: url(../../assets/bpmn/intermediate.png) !important;
      }
    
      &gateway-none,
      &gateway-none:hover {
        background-image: url(../../assets/bpmn/gateway.png) !important;
      }
    
      &task,
      &task:hover {
        background-image: url(../../assets/bpmn/task.png) !important;
      }
    
      &subprocess-expanded {
        background-image: url(../../assets/bpmn/subprocess-expanded.png);
      }
    
      &service-task,
      &service-task:hover {
        background-image: url(../../assets/bpmn/service-task.png) !important;
      }
    
      &user-task {
        background-image: url(../../assets/bpmn/user-task.png);
      }
    
      &data-object {
        background-image: url(../../assets/bpmn/data-object.png);
      }
    
      &data-store {
        background-image: url(../../assets/bpmn/data-store.png);
      }
    
      &participant {
        background-image: url(../../assets/bpmn/participant.png);
      }
    
      &group {
        background-image: url(../../assets/bpmn/group.png);
      }
    }
  
    /* 自定义上下文菜单 */
    .djs-context-pad.open {
      .bpmn-icon-start-event-none,
      .bpmn-icon-end-event-none,
      .bpmn-icon-intermediate-event-none,
      .bpmn-icon-gateway-none,
      .bpmn-icon-task,
      .bpmn-icon-subprocess-expanded,
      .bpmn-icon-service-task,
      .bpmn-icon-user-task,
      .bpmn-icon-data-object,
      .bpmn-icon-data-store,
      .bpmn-icon-participant,
      .bpmn-icon-group {
        background-size: 75%;
  
        &::before {
          content: '';
        }
  
        &:hover {
          background-color: unset;
          background-position: center;
          background-repeat: no-repeat;
        }
      }
    }
  }
}








